<template>
  <el-time-picker
      v-model="value"
      style="width: 100%"
      :disabled="disabled"
      :teleported="false"
      :clearable="!field.not_null"
      value-format="HH:mm:ss"
  />
</template>

<script setup lang="ts">
import {computed} from "vue";
import type {MetaField} from "../../../types/cell.types";

const props = defineProps<{
  modelValue: any,
  disabled: boolean,
  field: MetaField
}>();

const emit = defineEmits(['update:modelValue'])

const value = computed({
  get: () => props.modelValue,
  set: (v) => emit('update:modelValue', v)
})
</script>

<style scoped>

</style>